<template>
	<div class="info" id="info">
		<div class="st_t1">
			实名认证
		</div>
		
		<div class="info_title">
			<img src="../../../static/imgs/security_phone.png" />
			<div class="info_intro">
				<p>您还没有进行实名认证。请立即认证身份</p>
				<p>实名认证一旦成功，不予修改和解除认证，不予变更认证方式，建议您谨慎选择，真实填写。</p>
				<p>完成C1认证会使您开启交易所各类资产的充值服务。</p>
			</div>
			<div class="st_d1">
				<h1 class="st_t1 ul_title">资金安全策略</h1>
				<ul class="setting_ul">
					<li>
						<div class="icon"><img src="../../../static/imgs/security_phone.png" /></div>
						<div>
							<span>
								C2认证
							</span>
						</div>
						<div>
							<span class="intro">适用于人民币充值、提现的用户</span>
						</div>
						<div class="operation">
							<button>
								认证
							</button>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		
	</div>
</template>

<script>
	export default {
		name: 'info',
		computed: {
		},
		data() {
			return {
				title: '',
			}
		}, //定义变量
		components: {
		}, //注册组件
		methods: { //方法都在这里
		},
		mounted() {
			var that = this;
			//获取banner
		},
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
	.info {
	text-align: left;
		.st_t1 {
			padding: 15px 20px;
			background: #f4f4f4;
			width: 100%;
			text-align: left;
			font-size: 24px;
		}
		.info_title{
			padding:40px 30px;
			border:1px solid #ededed;
			img{
				width:60px;
				float: left;
				margin-right:30px;
			}
			.info_intro{
				font-size: 12px;
				color:#A3A1A1;
				line-height: 20px;
			}
		}
		.st_d1 {
			overflow: auto;
			padding:40px 0px 0;
			.ul_title{
				background:none;
				font-weight: normal;
				padding-left:0;
				color:#333;
				font-size:20px;
			}
		}
		.setting_ul {
			overflow: auto;
			li {
				font-size: 14px;
				overflow: auto;
				border: 1px solid #ededed;
				display: table;
				height: 100px;
				width: 100%;
				margin-bottom: 20px;
				>div {
					display: table-cell;
					vertical-align: middle;
				}
				.icon {
					padding-left: 40px;
					width: 175px;
					>img {
						width: 60px;
					}
				}
				.operation {
					padding-right: 20px;
					text-align: right;
					button {
						width: 82px;
						background-color: #0093f1;
						height: 37px;
						border: none;
						color: white;
						font-size: 14px;
					}
				}
				.intro{
					color:#a3a1a1;
				}
			}
			li:hover{
				border: 1px solid #0093f1;
			}
		}
	}
</style>